<div class="show-for-large-up">
    <!-- Slider -->
    <div class="row">
        <div id="featured"><img src="<?php echo Configure::read('rootUrl') ?>/img/demo1.jpg" alt=""> <img src="<?php echo Configure::read('rootUrl') ?>/img/demo2.jpg" alt=""> <img src="<?php echo Configure::read('rootUrl') ?>/img/demo3.jpg" alt=""></div>
    </div>
</div>
<!-- END Slider -->
<div class="row">
    <div class="heading_dots hide-for-small">
        <h1 class="heading_supersize"><span class="heading_center_bg">Welcome to Our Site!</span></h1>
    </div>
    <div class="twelve columns">
        <p class="welcome_text">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec cursus fermentum metus, id commodo sapien. Donec cursus fermentum metus...</p>
        <p style="text-align:center"><a href="#" class="button large round">Find out more &raquo;</a> </p>
    </div>
</div>
<div class="row">
    <div class="heading_dots hide-for-small" style="margin-bottom:25px">
        <h1 class="heading_supersize"><span class="heading_center_bg">Meet The Team</span></h1>
    </div>
    <div class="four columns"> <img src="<?php echo Configure::read('rootUrl') ?>/img/demo2_small.jpg" alt="">
        <h3>Adipiscing Elit</h3>
        <p><em>Vivamus tortor tellus, rutrum sit amet mollis vel, imperdiet consectetur orci.</em></p>
    </div>
    <div class="four columns"> <img src="<?php echo Configure::read('rootUrl') ?>/img/demo1_small.jpg" alt="">
        <h3>Adipiscing Elit</h3>
        <p><em>Vivamus tortor tellus, rutrum sit amet mollis vel, imperdiet consectetur orci.</em></p>
    </div>
    <div class="four columns"> <img src="<?php echo Configure::read('rootUrl') ?>/img/demo3_small.jpg" alt="">
        <h3>Adipiscing Elit</h3>
        <p><em>Vivamus tortor tellus, rutrum sit amet mollis vel, imperdiet consectetur orci.</em></p>
    </div>
</div>
<!-- end row -->
<div class="row">
    <div class="heading_dots hide-for-small">
        <h1 class="heading_supersize"><span class="heading_center_bg">Services &amp; Products</span></h1>
    </div>
    <div class="three columns">
        <h3>Adipiscing Elit</h3>
        <p><span class="dropcap_red">1</span> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc viverra, lacus id interdum ultrices, elit metus semper tellus, vel lacinia libero purus vitae risus. Integer a eros sit amet felis tincidunt commodo.</p>
    </div>
    <div class="three columns">
        <h3>Lectus Congue</h3>
        <p><span class="dropcap_black">2</span> Vivamus tortor tellus, rutrum sit amet mollis vel, imperdiet consectetur orci. Mauris pharetra congue enim, et sagittis lectus congue ut. Cum sociis natoque penatibus et magnis dis parturient montes.</p>
    </div>
    <div class="three columns">
        <h3>Gravida Pharetra</h3>
        <p><span class="dropcap_black">3</span> Sed vitae nisi leo. Nulla tincidunt, turpis non gravida pharetra, diam sapien posuere massa, non luctus leo mauris at sapien. Donec ut fermentum eros. Vestibulum placerat dui sit amet quam.</p>
    </div>
    <div class="three columns">
        <h3>Gravida Pharetra</h3>
        <p><span class="dropcap_black">4</span> Sed vitae nisi leo. Nulla tincidunt, turpis non gravida pharetra, diam sapien posuere massa, non luctus leo mauris at sapien. Donec ut fermentum eros. Vestibulum placerat dui sit amet quam.</p>
    </div>
</div>